.rectangle {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 150px;
  border: 2px solid hsla(0, 0%, 62%, 0.24);
  color: #121621;
  margin: auto;
  position: absolute;
}

.resize-handle-top,
.resize-handle-bottom {
  position: absolute;
  height: 5px;
  cursor: row-resize;
  width: 100%;
}

.resize-handle-top {
  top: 0;
}

.resize-handle-bottom {
  bottom: 0;
}

.resize-handle-left,
.resize-handle-right {
  position: absolute;
  height: 100%;
  cursor: col-resize;
  width: 5px;
}

.resize-handle-left {
  left: 0;
}

.resize-handle-right {
  right: 0;
}

.serial-chart {
  background-image: url(../../../../../../public/imgs/serial-chart.svg);
  background-repeat: no-repeat;
}

.word-cloud {
  background-image: url(../../../../../../public/imgs/word-cloud.svg);
  background-repeat: no-repeat;
}
